/*4.14 滚动
  name:     hui-rolling
*/

/*4.14.1 上下滚动
  name:      hui-marquee
  example:
    <div id="marquee-demo" class="hui-marquee">
      <div id="holder">
        <ul>
          <li>第一条数据</li>
          <li>第二条数据</li>
          <li>第三条数据</li>
        </ul>
      </div>
    </div>
*/
.hui-marquee {
  height: 22px;
  overflow: hidden;
  line-height: 22px;
}

/*4.14.2 滚动
  name:      hui-rolling
  example:
    <div class="hui-rollpic clearfix">    
      <div class="hui-rollpic-body">
        <ul>
          <li>……</li>
        </ul>
      </div>
    </div>
*/
.hui-rollpic{
  .prev,
  .next {
    display: block;
    height: 38px;
    width: 38px;
    cursor: pointer;
    float: left;
    background: url(../images/rollpic/unslider-arrow.png) no-repeat 0 0;
    margin-top: 70px;
  }
  .prev {
    background-position: 0 0;
    margin-right: 5px;
    &:hover {
      background-position: 0 -38px;
    }
  }
  .next {
    background-position: 0 -76px;
    margin-left: 5px;
    &:hover {
      background-position: 0 -114px;
    }
  }
  .hui-rollpic-body {
    float: left;
    border: solid 1px #ddd;
    li {
      padding: 10px;
    }
  }
}